nav{
    width: 100%;
    height: 35px;
    background-color: #F5F5F5;
}
.navbox{
    margin: 0 auto;
    width: 1460px;
    height: 35px;
    display: flex;
    justify-content: space-between;
}
.navbox .leftbox{
    width: 95px;
    height: 35px;
    
}
.navbox .rightbox{
    line-height: 35px;
    width: 748px;
    height: 35px;
    position: relative;
}
.navbox .leftbox li{
        list-style: none;
        line-height: 35px;
}
.navbox .leftbox li a{
    font-size: 12px;
    text-decoration: none;
}
.navbox .leftbox li a span{
    font-size: 12px;
}
.navbox .leftbox li .GPS{
    color: #0DB46A;
}
.navbox .leftbox li .lv{
    color: #0DB46A;
}
/* 以上是nav左盒子css样式 */
.navbox .rightbox li{
    list-style: none;
    float: left;
}
.navbox .rightbox li a{
    font-size: 12px;
    text-decoration: none;
    color: #999999;
    padding: 10px 10px;
}
.navbox .rightbox li span{
    font-size: 12px;
    color: #DCDCDC;
}
.xia{
    color: #9D9D9D;
}
.navbox .rightbox .hou .dianhua{
    color: #FF5B02;
}
.navbox .rightbox .hou a{
    color: #FF5B02;
}
.navbox .rightbox .hou a .shu{
    color: #FF5B02;
    text-decoration: underline;
}
.navbox .rightbox .lvse:hover{
    color: #0DB46A;
}
.bgc:hover{
    background-color: white;
}

.navbox .rightbox .tu{
    position: absolute;
    top: 35px;
    left: 90px;
    border: 1px solid #EDEDED;
    width: 102px;
    height: 78px;
    background-color: white;
    display: none;
}
.navbox .rightbox .tu a:hover{
    color: #0DB46A;
}
.navbox .rightbox .tutu:hover .tu{
    display: block;
}
/* 以上是我的土巴兔的隐藏部分 */
.navbox .rightbox .shang{
    position: absolute;
    top: 35px;
    left: 193px;
    border: 1px solid #EDEDED;
    width: 102px;
    height: 115px;
    background-color: white;
    display: none;
    z-index: 10;
}
.navbox .rightbox .shang a:hover{
    color: #0DB46A;
}
.navbox .rightbox .shangjia:hover .shang{
    display: block;
}
/* 以上是商家中心隐藏部分 */
.navbox .rightbox .jiancai{
    position: absolute;
    top: 35px;
    left: 281px;
    border: 1px solid #EDEDED;
    width: 93px;
    height: 78px;
    background-color: white;
    display: none;
    z-index: 10;
}
.navbox .rightbox .jiancai a:hover{
    color: #0DB46A;
}
.navbox .rightbox .jian:hover .jiancai{
    display: block;
}
/* 以上是建材中心的隐藏部分样式 */


/* 这是箭头旋转 */
.navbox .rightbox .hou .shangxia{
    display: inline-block;
}
.navbox .rightbox .hou:hover .shangxia{
    transform: rotate(180deg);
}
/* 这是箭头旋转 */

.navbox .rightbox .guanjia{
    position: absolute;
    width: 242px;
    height: 202px;
    box-shadow: 0 2px 6px #ccc;
    top: 36px;
    right: 14px;
    text-align: center;
    display: none;
    z-index: 10;
    background-color: #fff;
}
.navbox .rightbox .hou:hover .guanjia{
    display: block;
}

.guanjia h3{
    padding-top: 19px;
    font-size: 18px;
    color: #555555;
    font-weight: normal;
}
.guanjia input{
    padding: 5px 5px;
    margin: 5px auto;
    display: block;
    width: 192px;
    height: 28px;
    color: #9D9D9D;
    font-size: 12px;
}
.navbox .rightbox .guanjia .huoqu{
    padding: 0;
    margin: 0px auto;
    width: 210px;
    height: 38px;
    background-color: #0DB46A;
    border-radius: 5px;
    color: white;
    display: block;
}
.guanjia p{
    font-size: 12px;
}

/* 以上是咨询热线隐藏的样式 */

.navbox .leftbox .qieh{
    position: relative;
}
.navbox>.leftbox .qiehuanyc{
    width: 406px;
    height: 235px;
    /* background-color: red; */
    display: none;
   position: absolute;
    top: 35px;
    left: 2px;
    z-index: 10;
}
.navbox>.leftbox .qiehuanyc .qiehuan-top{
    width: 406px;
    height: 39px;
    background-color: #F4F4F4;
    border: 1px solid #D8D8D8;
    position: relative;
    box-sizing: border-box;
}
.navbox>.leftbox .qiehuanyc .qiehuan-top .remenc{
    display: inline-block;
    
    font-size: 12px;
    width: 60px;
    height: 39px;
    color: #00AF63;
    margin-left: 26px;
}
.navbox>.leftbox .qiehuanyc .qiehuan-top .xiahua{
    display: inline-block;
    width: 50px;
    height: 3px;
    position: absolute;
    top: 37px;
    left: 25px;
    z-index: 10;
    background-color: #00AF63;
}
.navbox>.leftbox .qiehuanyc .qiehuan-bottom{
    border: 1px solid #D8D8D8;
    background-color: #fff;
}
.qiehuan-bottom ul{
    width: 372px;
    height: 28px;
    /* background-color: green; */
   
    padding-left: 34px;
}
.qiehuan-bottom li{
    width: 62px;
    height: 28px;
    /* background-color: blue; */
    float: left;
    
}
.qiehuan-bottom li a{
    font-size: 12px;
    color: #666666;
}
.navbox .leftbox .qieh:hover .qiehuanyc{
    display: block;
}
/* 以上是城市切换隐藏 */
/* 以上是灰色导航样式 */
.nav-bottom{
    width: 100%;
    height: 80px;
    position: sticky;
    top: 0;
    z-index: 9;
    background-color: white;
}
.nav-bottom .nav-bottom-box{
    width: 1460px;
    height: 80px;
    
    margin: 0 auto;
    
}
.nav-bottom-left{
    width: 289px;
    height: 80px;
    
    display: inline-block;
    vertical-align: top;
    background-image: url(./img/daohangtu.png);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: 0px 5px;
}
.nav-bottom-center{
    width: 766px;
    height: 80px;
   
    margin-left: 67px;
    display: inline-block;
    vertical-align: top;
}
.nav-botttom-right{
    width: 258px;
    height: 80px;
    
    display: inline-block;
    margin-left: 80px;
    vertical-align: top;
    position: relative;
}

.nav-bottom-center ul li{
   float: left;
   margin-right: 29px;
}

.navdea{
    display: inline-block;
    font-size: 16px;
    color: black;
    padding: 25px 5px 25px;
}
.navdeaone{
    color: #0cb46a;
    border-bottom: 2px solid #0cb46a;
    padding-bottom: 9px;
    margin-left: 35px;
}
.navdea .xiala{
    font-size: 12px;
    position: relative;
    top: -5px;
}
.navdea .shouji{
    color: #FF5A00;
    font-size: 16px;
    top: 0px;
}
.nav-botttom-right input{
    width: 258px;
    height: 36px;
    border: none;
    outline: 1px solid #E5E5E5;
    font-size: 12px;
    color: #999999;
    margin-top: 23px;
}
.nav-botttom-right .fangda{
    position: absolute;
    top: 32px;
    right: 8px;
    font-weight: 700;
    font-size: 16px;
    color: #00AF63;
    width: 20px;
    height: 20px;
} 

.xiaoguo{
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    height: 150px;
    background-color: white;
    display: none;
    z-index: 10;
    border-top: 1px solid #e0e0e0;
    /* background-color: red; */
    
}
.xiaoguo-box{
    width: 1056px;
    height: 114px;
    /* background-color: #0DB46A; */
    margin: 12px auto;
    
}

.xiaoguo-box .leftxiaoguo{
    width: 735px;
    height: 114px;
    /* background-color: yellow; */
    display: inline-block;
    vertical-align: top;
    border-right: 1px #D9D9D9 dashed;
}
.xiaoguo-box .leftxiaoguo .leftxiaoguo-top{
    width: 735px;
    height: 36px;
    /* background-color: #FF5A00; */
    vertical-align: top;
}
.xiaoguo-box .leftxiaoguo .leftxiaoguo-top span{
    font-size: 14px;
    line-height: 36px;
    margin-right: 20px;
}
.xiaoguo-box .leftxiaoguo .leftxiaoguo-bottom{
    width: 735px;
    height: 70px;
    
    vertical-align: top;
    margin-top: 8px;
}
.xiaoguo-box .leftxiaoguo .leftxiaoguo-bottom a{
    font-size: 14px;
    color: #333;
}
.keting,.beiji,.yanse{
    margin-left: 25px;
}



.xiaoguo-box .rightxiaoguo{
    width: 319px;
    height: 114px;

    display: inline-block;
}
.xiaoguo-box .rightxiaoguo .tutubiao{
    margin-top: 15px;
    margin-left: 10px;
}
.xiaoguo-box .rightxiaoguo span{
    font-size: 36px;
    padding: 0px 15px ;
}
.xiaoguo-box .rightxiaoguo .tubiaotext{
    margin-top: 10px;
    margin-left: 10px;
}
.xiaoguo-box .rightxiaoguo .tubiaotext p{
    display: inline;
    font-size: 14px;
    padding-left: 8px;
}


.xiaoguotu:hover .xiaoguo{
    display: block;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #e3e3e3;
}


.iiii>li:hover a{
    color: #00AF63;
    
}


.xiaoguotu:hover .erweima{
    display: block;
}
.erweima{
    position: absolute;
    right: 270px;
    top: 80px;
    width: 390px;
    height: 211px;
    background: url(https://img6.t8tcdn.com/to8to_pc/common/modules/header/img/app.jpg?20190603);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1;
    display: none;
}
/* 以上是header导航 */

.main{
    width: 100%;
    height: 460px;
    position: relative;
}
.main .main-bgc{
    background-image: url(https://pic50.t8tcdn.com/adcms/ad/2e77391532fa8029a19724f800bd4b2e.jpg);
    background-size: 100% 100%;
    width: 1519px;
    height: 460px;
    margin: 0 auto;
    position: relative;
}
.leftbtn{
    display: none;
    position: absolute;
    top: 50%;
    z-index: 2;
    margin-top: -46px;
    width: 60px;
    height: 92px;
    background-color: #333;
    opacity: .3;
    
}
.leftbtn span,
.rightbtn span{
    font-size: 30px;
    color: #D8D8D8;
}
.rightbtn{
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 2;
    margin-top: -46px;
    width: 60px;
    height: 92px;
    background-color: #333;
    opacity: .3;
}
.main:hover .leftbtn,
.main:hover .rightbtn{
    display: block;
}
.main-bgc .login{
    width: 330px;
    height: 372px;
    background-color: white;
    position: absolute;
    left: 50px;
    top: 10%;
    text-align: center;
    
}
.main-bgc .login h2{
    font-size: 24px;
    color: #333333;
    margin-top: 32px;
}
.main-bgc .login p:nth-of-type(1){
    font-size: 16px;
    color: #f19946;
    margin: 8px 0 36px;
}
.main-bgc .login input{
    width: 274px;
    height: 42px;
    background-color: #F7F7F7;
    border: none;
    font-size: 12px;
    color: #999999;
}
.main-bgc .login input:nth-of-type(2){
    margin: 12px 0 12px;
}
.main-bgc .login .yonghu span:nth-of-type(1){
    width: 12px;
    height: 12px;
    border: 1px solid #999999;
    display: inline-block;
    position: relative;
    left: -5px;
    top: 3px;
}
.main-bgc .login .yonghu span:nth-of-type(2){
    font-size: 12px;
    color: #999999;
}
.login button{
    width: 274px;
    height: 44px;
    background-color: #52B16E;
    font-size: 16px;
    color: #ffffff;
    outline: none;
    border: none;
    margin: 12px 0 ;
}
.login .topp{
    font-size: 12px;
    color: #999999;
}
.login .m2{
    font-size: 12px;
    color: #000;
    position: absolute;
    top: 140px;
    right: 46px;
}
/* 以上是maincss */

.index{
    width: 100%;
    height: 180px;
    padding: 20px 0;
    background-color: #F5F5F5;
    box-sizing: border-box;
}
.index-box{
    width: 1460px;
    height: 140px;
    
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.index-box-lit{
    /* float: left; */
    
    width: 276px;
    height: 140px;
    background-color: white;
    transition: all 0.5s;
}
.index-box-lit:nth-of-type(1){
    margin-left: 12px;
}
.sheji{
    font-size: 24px;
    color: black;
    position: relative;
    top: 42px;
    left: 12px;
}
.fangan{
    font-size: 14px;
    color: #666666;
    position: relative;
    top: 76px;
    left: -82px;
}
.index-a img{
    width: 85px;
    height: 85px;
    position: relative;
    top: 1px;
    left: 175px;
}
.index>.index-box>.index-box-lit:hover{
    box-shadow: 0px 2px 10px #000;
   
}
/* 以上是index的css */
.itemmain{
    width: 100%;
    
    
}
.itemmain-box{
    width: 1460px;
    /* height: 2110px; */
    margin: 50px auto 0px;
    
}
.itemheader{
    width: 1460px;
    height: 108px;
    
    margin-bottom: 50px;
}
.itemheader h2{
    width: 1460px;
    height: 45px;
    
    text-align: center;
}
.itemheader h2 a{
    color: #000;
    font-size: 42px;
    vertical-align: top;
}
.itemheader h2 span{
    margin: 26px 26px;
    width: 57px;
    height: 1px;
    background-color: #d8d8d8;
    display: inline-block;
}
.itemheader-warpper{
    width: 199px;
    height: 37px;
   
    margin: 22px auto 0px;
    border: 1px solid #E8E8E8;
}
.itemheader-warpper div{
    font-size: 14px;
    display: inline-block;
    text-align: center;
    line-height: 35px;
}
.itemheader-warpper div:nth-of-type(1){
    width: 99px;
    height: 35px;
    color: #24D2D6;
    border-right: 1px solid #E8E8E8;
}
.itemheader-warpper div:nth-of-type(2){
    width: 99px;
    height: 35px;
}
/* 以上 装修公司css */

.itemcompany{
    width: 1460px;
    height: 800px;
    margin: 0 auto;
}
.itemcompany-ul{
    display: flex;
    flex-wrap: wrap;
}
.itemcompany-li{
    width: 350px;
    height: 380px;
    background-color: #FFFFFF;
    margin: 17px 2px -5px 10px;
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    transition: all 0.5s;

}
.itemcompany-li:hover{
    transform: translateY(-5px);
box-shadow: 0px 1px 5px rgb(63, 59, 59);
}
.itemcompany-li:hover .company-img,
.itemcompany-li:hover .company-img2,
.itemcompany-li:hover .company-img3,
.itemcompany-li:hover .company-img4,
.itemcompany-li:hover .company-img5,
.itemcompany-li:hover .company-img6,
.itemcompany-li:hover .company-img7,
.itemcompany-li:hover .company-img8{
    background-size: 120% 120%;
}
.itemcompany-li .company-img,
.itemcompany-li .company-img2,
.itemcompany-li .company-img3,
.itemcompany-li .company-img4,
.itemcompany-li .company-img5,
.itemcompany-li .company-img6,
.itemcompany-li .company-img7,
.itemcompany-li .company-img8{
    transition: all 1s;
    width: 350px;
    height: 240px;
    background-image: url(https://img.to8to.com//to8to_pc/index/statics/img/11.jpg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    
}
.itemcompany-li .company-img2{
    background-image: url(https://img.to8to.com//to8to_pc/index/statics/img/6.jpg);
}
.itemcompany-li .company-img3{
    background-image: url(https://img.to8to.com//to8to_pc/index/statics/img/3.jpg);
}
.itemcompany-li .company-img4{
    background-image: url(https://img.to8to.com//to8to_pc/index/statics/img/10.jpg);
}
.itemcompany-li .company-img5{
    background-image: url(https://img.to8to.com//to8to_pc/index/statics/img/2.jpg);
}
.itemcompany-li .company-img6{
    background-image: url(https://img.to8to.com//to8to_pc/index/statics/img/5.jpg);
}
.itemcompany-li .company-img7{
    background-image: url(https://img.to8to.com//to8to_pc/index/statics/img/14.jpg);
}
.itemcompany-li .company-img8{
    background-image: url(https://img.to8to.com//to8to_pc/index/statics/img/9.jpg);
}
.itemcompany-li .pp{
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
    padding-left: 20px;
    color: #000;
}
.itemcompany-li .pp span{
    font-size: 12px;
    display: inline-block;
    color: white;
    font-weight: normal;
    width: 18px;
    height: 18px;
    text-align: center;
    vertical-align: middle;
}
.itemcompany-li .pp span:nth-child(1){
    
   background-color: #FF572A;
   
}
.itemcompany-li .pp span:nth-child(2){
  
  background-color: #FF952B;
   
}
.itemcompany-li .ppp{
    margin-top: 20px;
    padding-left: 20px;
    color: #000;
}
.itemcompany-li .ppp img{
    width: 74px;
    height: 14px;
}
.itemcompany-li .ppp span{
    font-size: 15px;
}
/* 以上是itemcompany的样式 */
.itemwenben{
    width: 177px;
    height: 40px;
    border: 1px solid #e8e8e8;
    margin: 60px auto 40px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
}
/* 以上是itemwenben样式 */
.itemwarpper{
    width: 1460px;
    height: 600px;
    background-color: blueviolet;
    margin: 0 auto;
    position: relative;
}
.itemwarpper-leftimg{
    width: 1152px;
    height: 600px;
    background-image: url(https://img2.t8tcdn.com/to8to_pc/index/statics/img/yzs_bg.jpg);
    background-size: 120% 120%;
    background-position: 103% 6%;
}
.itemwarpper-rightimg{
    width: 780px;
    height: 600px;
    background-image: url(https://img1.t8tcdn.com/to8to_pc/index/statics/img/yzs_bg_right.png);
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.itemwarpper-leftimg,
.itemwarpper-rightimg{
    display: inline-block;
    vertical-align: top;
    
}
.lilideyanlei{
    width: 600px;
    height: 415px;
    padding: 35px 35px 0px;
    background-color: white;
    position: relative;
    left: 30px;
    top: 60px;
}
.lilideyanlei .jianyue{
    width: 600px;
    height: 80px;
    position: relative;
}
.lilideyanlei .jianyue img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.lilideyanlei .jianyue p{
    position: absolute;
  

}
.lilideyanlei .jianyue p:nth-of-type(1){
    font-size: 20px;
    color: #000;
    left: 91px;
    top: 10px;
}
.lilideyanlei .jianyue p:nth-of-type(2){
    font-size: 14px;
    color: #999999;
    left: 92px;
    top: 43px;
}
.lilideyanlei .kaihuang{
    width: 600px;
    height: 48px;
    font-size: 14px;
    color: #666666;
    margin-top: 14px;
}
.lilideyanlei .dataimg{
    width: 600px;
    height: 195px;
    margin-top: 26px;
}
.lilideyanlei .dataimg img{
    width: 290px;
    height: 195px;
}
.lilideyanlei .dataimg img:nth-of-type(2){
    margin-left: 8px;
}

.diary{
    width: 490px;
    height: 478px;
    margin-top: 55px;
    margin-left: 70px;
    color: #FFFFFF;
}
.diary h6{
    font-size: 30px;
    margin-bottom: 14px;
}
.diary p{
    font-size: 18px;
    margin-bottom: 7px;
}
.diary ul{
    width: 405px;
    height: 324px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 35px;
}

.diary ul li{
    width: 78px;
    height: 78px;
    border-radius: 50%;
    margin-right: 20px;   
    background-size: 100% 100%; 
    list-style: none;
}
.radiusimg1{
    background-image: url(https://img.to8to.com/newheadphoto/v2/200/170.jpg);  
}
.radiusimg2{
    background-image: url(https://img.to8to.com/newheadphoto/v2/200/130.jpg);  
}
.radiusimg3{
    background-image: url(https://img.to8to.com/newheadphoto/v2/200/93.jpg);
}
.radiusimg4{
    background-image: url(https://img.to8to.com/newheadphoto/v2/200/146.jpg);
}
.radiusimg5{
    background-image: url(https://img.to8to.com/newheadphoto/v2/200/33.jpg);
}
.radiusimg6{
    background-image: url(https://img.to8to.com/newheadphoto/v2/200/30.jpg);
}
.radiusimg7{
    background-image: url(https://img.to8to.com/newheadphoto/v2/200/114.jpg);
}
.radiusimg8{
    background-image: url(https://img.to8to.com/newheadphoto/v2/200/23.jpg);
}
.radiusimg9{
    background-image: url(https://img.to8to.com/newheadphoto/v2/200/183.jpg);
}
.radiusimg10{
    background-image: url(https://img.to8to.com/newheadphoto/v2/200/9.jpg);
}
.radiusimg11{
    background-image: url(https://img.to8to.com/newheadphoto/v2/200/9.jpg);
}
.radiusimg12{
    background-image: url(https://img.to8to.com/newheadphoto/v2/200/28.jpg);
}
/* 以上是itemwarpper的样式 */
.itemprocess{
    margin-top: 60px;
    width: 1460px;
    height: 304px;
}
.itemprocess h4{
    text-align: center;
    font-size: 30px;
    color: #333333;
    font-weight: 500;
}
.itemprocess-bottom{
    width: 1460px;
    height: 188px;
    
    margin-top: 72px;
    
}
.itemprocess-bottom ul{
    width: 1460px;
    display: flex;
    flex-wrap: wrap;
}
.itemprocess-bottom ul li{
    width: 208px;
    height: 126px;
    text-align: center;
}
.itemprocess-bottom ul li span{
    font-size: 100px;
    color: #3A3A3A;
}
.itemprocess-bottom ul li p:nth-of-type(1){
    margin-top: 16px;
    font-size: 18px;
}
.itemprocess-bottom ul li p:nth-of-type(2){
    font-size: 14px;
    color: #999999;
}
.itemprocess-tiao ul li{
    width: 208px;
    height: 33px;
    position: relative;
    float: left;
}

.itemprocess-tiao ul li span:nth-of-type(1){
    font-size: 30px;
    width: 33px;
    height: 33px;
    color: #e3e3e3;
    
}
.itemprocess-tiao ul{
    margin-left: 85px;
}
.itemprocess-tiao ul li .xian{
    display: inline-block;
    width: 178px;
    height: 1px;
    background-color: #e3e3e3;
    margin-bottom: 10px;
}
.itemprocess-tiao ul li span:nth-of-type(3){
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 14px;
    color: #a3a3a3;
}
/* 以上是itemprocess样式 */

.itemcommon{
    width: 1460px;
    height: 941px;
    margin-top: 80px;
    background-color: #F5F5F5;
}
.itemcommon-header{
    padding-top: 60px;
    height: 100px;
}
.itemcommon-header a{
    font-weight: 500;
}
.itemcomon-headertxt{
    width: 1460px;
    height: 24px;
    text-align: center;
    margin-top: 25px;
}
.itemcomon-headertxt p{
    font-size: 18px;
    color: #999999;
}
.itemcommon-ul{
    width: 1460px;
    height: 26px;
    padding: 20px 0 55px 0;
}
.itemcommon-ul ul{
    width: 723px;
    margin: 0 auto;
}
.itemcommon-ul li{
    float: left;
}
.itemcommon-ul ul li a{
    font-size: 18px;
    color: #333333;
}
.itemcommon-ul ul li span{
    font-size: 18px;
    color: #c3c3c3;
    padding: 0 18px;
}

.itemcommon-topic{
    width: 1460px;
    height: 648px;
    padding-bottom: 70px;
    background-color: #f5f5f5;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}
.topic1{
    width: 379px;
    height: 379px;
    background-image: url(https://pic.to8to.com/case/2020/07/03/20200703150046-a416a7a2.jpeg);
    align-self: center;
    margin-right: 170px;
    position: relative;
    left: 2px;
}
.topic2{
    width: 549px;
    height: 262px;
    background-image: url(https://pic.to8to.com/case/2020/07/03/20200703150044-f2df366d.jpeg);
    align-self: center;
    margin-left: -160px;
    position: relative;
    right: -6px;
}
.topic3{
    width: 494px;
    height: 363px;
    background-image: url(https://pic.to8to.com/case/2020/07/03/20200703150041-345c73fa.jpeg);
    align-self: center;
    position: relative;
    right: -12px;
}
.topic4{
    width: 379px;
    height: 248px;
    background-image: url(https://pic.to8to.com/case/2020/07/03/20200703150041-a3e47550.jpeg);
    align-self: center;
    position: relative;
    left: 2px;
}
.topic5{
    width: 549px;
    height: 366px;
    background-image: url(https://pic.to8to.com/case/2020/07/03/20200703150042-5230e769.jpeg);
    align-self: center;
    position: relative;
    right: -6px;
}
.topic6{
    width: 494px;
    height: 264px;
    background-image: url(https://pic.to8to.com/case/2020/07/03/20200703145746-a0cc613b.jpeg);
    align-self: center;
    position: relative;
    right: -12px;
}
.itemcommon-topic div{
    margin: 0 0 0 0;
    background-size: 100% 100%;
    background-position: center;
    transition: all 1s;
}
.itemcommon-topic div:hover{
    background-size: 120% 120%;
}
/* 以上是itemcommon样式 */
.gonglue{
    margin-top: 120px;
    margin-bottom: 87px;
}

.itemgong{
    width: 1460px;
    height: 550px;
    
}
.itemgong-content{
    width: 1397px;
    height: 550px;
    
    margin: 0 auto;
}
.itemgong-content .itemgong-boxull{
    height: 488px;
    width: 1397px;
    
    box-sizing: border-box;
}
.itemgong-content .itemgong-boxul .itemgong-boxulli{
    width: 348px;
    height: 488px;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    float: left;
    border-right: 1px solid #E3E3E3;
    
}
.itemgong-content .itemgong-boxul .itemgong-boxulli:nth-of-type(1){
    border-left: 1px solid #e3e3e3;
}
.itemgong-content-litop{
    width: 348px;
    height: 169px;
   background-image: url(./img/huise.png);
   background-size: 100%;
   
}
.itemgong-content-litop span{
    font-size: 24px;
    color: #333333;
    padding-top: 101px;
    position: relative;
    text-align: center;
    display: block;
}
.itemgong-content-litop i{
    position: absolute;
    font-size: 50px;
    font-style: normal;
    top: 35px;
    left: 148px;
}
.itemgong-content-text{
    width: 348px;
    width: 216px;
    margin-top: 39px;
    background-color: white;
}
.itemgong-content-text li{
    width: 298px;
    height: 36px;
    padding-left: 50px;
}
.itemgong-content-text li a{
    font-size: 14px;
    color: #333333;
}
.itemgong-content-text li a:hover{
    color: #0cb46a;
}
.itemgong-boxulli .youzhi{
    background-color: white;
    height: 62px;
    width: 100%;
    display: block;
}
.itemgong-boxulli .youzhi span{
    display: inline-block;
    color: #E4E4E4;
    font-size: 40px;
    transform: rotate(-90deg);
    margin-left: 264px;
}
.itemgong-boxulli .youzhi span:hover{
    color: #0cb46a;
}
.itemgong-boxulli:hover .itemgong-content-litop{
    background-image: url(https://img5.t8tcdn.com/to8to_pc/index/statics/img/index_zxgl_bg.jpg);
    background-size: 100% 100%;
    background-position: center;
}
.itemgong-boxulli:hover .itemgong-content-litop span{
    color: white;
    
}
.itemgong-boxulli:hover{
    transform: scale(115%);
    z-index: 100;
    background-color: white;
    transition: all 0.5s;
    box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    z-index: 10;
}

.itemguang{
    width: 1460px;
    height: 60px;
    background-image: url(https://pic50.t8tcdn.com/adcms/ad/201907/03/454919040c341c86b11cf628417ccecd8652.jpg);
    background-size: cover;
    margin-top: 40px;
}
.zhaojiancai{
    width: 1460px;
    height: 240px;
    
}
.zhaojiancai .uul{
    width: 644px;
    
}
.zhaojiancai .itemcomon-headertxt{
    margin-bottom: 40px;
}
.itemcommon-ul a:hover{
    color: #00AF63;
}
/* 以上是zhaojiancai */

.item-gsc-list{
    width: 1460px;
    height: 378px;
    
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}
.listbox1{
    width: 970px;
    height: 358px;
    
    display: flex;
    justify-content:space-between;
}
.listbox2{
    width: 480px;
    height: 358px;
    
    display: flex;
    flex-direction:column;
    justify-content:space-between;
}
.gsc-list1,
.gsc-list2{
    width: 480px;
    height: 358px;
 
}
.gsc-list1{
    background-image: url(https://pic.to8to.com/hot/day_190118/20190118_4944aeb08ba1310d229cVJ6dDSsBBJL2.png);
    background-size: 100% 100%;
}
.gsc-list2{
    background-image: url(https://pic.to8to.com/hot/day_190118/20190118_0e0cfdeefe28693839efRgUjfpKrEpQv.png);
    background-size: 100% 100%;
}
.gsc-list3{
    background-image: url(https://pic.to8to.com/hot/day_190118/20190118_59135513edaa40914193MHYtSJLPdwaW.png);
    background-size: 100% 100%;
}
.gsc-list4{
    background-image: url(https://pic.to8to.com/hot/day_190118/20190118_79c32d270e647220ea92YmZ5ViUofvsK.png);
    background-size: 100% 100%;
}
.gsc-list3,
.gsc-list4{
    width: 480px;
    height: 175px;
    
}

.gsc-list1-top{
    width: 480px;
    height: 80px;
    
    margin-top: 60px;
}
.gsc-list1-top p:nth-of-type(1){
    text-align: center;
    width: 480px;
    height: 36px;
    font-size: 24px;
    font-weight: 500;
    margin-top: 15px;
}
.gsc-list1-top p:nth-of-type(2){
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
}
.gsc-box2-list{
    width: 480px;
    margin-top: 60px;
    font-size: 24px;
    margin-left: 25px;
}
.gsc-list{
    background-position: center;
    background-repeat: no-repeat;

}
.gsc-list:hover{
    background-size: 110% 110%;
    transition: all 1s;
}
/* 以上是item-gsc-list的样式 */
.item-sellor{
    width: 1460px;
    height: 110px;
}
.item-sellor li{
    width: 243px;
    height: 110px;
    box-sizing: border-box;
    

}
.item-sellor li span{
    width: 1px;
    height: 35px;
    background-color: #e0e0e0;
    margin-top: 37px;
    display: inline-block;
    position: absolute;
    right: 0;
}
.sellor{
    background-size: 100% 100%;
    background-position: center;
    float: left;
    position: relative;
}

.sellor1{
    background-image: url(https://pic.to8to.com/hot/day_211021/20211021_5937931093059079.jpg);
}
.sellor2{
    background-image: url(https://pic.to8to.com/hot/day_211021/20211021_7332656825202999.jpg);
}
.sellor3{
    background-image: url(https://pic.to8to.com/hot/day_211021/20211021_6708627554132978.jpg);
}
.sellor4{
    background-image: url(https://pic.to8to.com/hot/day_211021/20211021_2870889932794318.png);
}
.sellor5{
    background-image: url(https://pic.to8to.com/hot/day_211021/20211021_3542618642497066.jpg);
}
.item-sellor li:hover{
    background-size: 110% 110%;
    transition: all 0.5s;
}
.sellor-box{
    width: 1460px;
    height: 150px;
    margin-bottom: 100px;
}
.itme-bottm{
    width: 1460px;
    height: 220px;
    background-image: url(https://img6.t8tcdn.com/to8to_pc/index/statics/img/index_data_bg.jpg);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    width: 1519px;
}
.leftbao{
    display: inline-block;
    background-image: url(https://img2.t8tcdn.com/to8to_pc/index/statics/img/index_data_represent.png?v=20210423);
    width: 148px;
    height: 220px;
    margin-left: 10px;
    background-size: 100% 100%;
}
.center-text{
    margin-left: 10px;
    width: 213px;
    height: 220px;
    
    display: inline-block;
    vertical-align: top;
    
}
.center-text p:nth-of-type(1){
    font-size: 23px;
    color: #ffffff;
    font-weight: 700;
    margin: 50px 0 8px 0;
}
.center-text p:nth-of-type(2){
    font-size: 17px;
    color: #ffffff;
}
.bottm-img{
    display: inline-block;
    width: 708px;
    height: 73px;
    background-image: url(https://pic50.t8tcdn.com/adcms/ad/7a7cadbee147a748893c0ab862bd2a33.png);
    background-size: 100% 100%;
    position: relative;
    left: 356px;
    top: -106px;
}
/* 以上是itme bottm  item */

footer{
    width: 1519px;
    height: 366px;
    background-color: #1F1F1F;
    margin-top: 320px;
}
.footer-top{
    width: 1460px;
    height: 113px;
    margin: 0 auto;
    padding-top: 40px;
}
.footer-city a{
    color: #7F8486;
    font-size: 13px;
    display: inline-block;
    width: 90px;
    height: 34px;
    margin-right: 10px;
    background-color: #121212;
    text-align: center;
    line-height: 34px;
}
.footer-city a:nth-of-type(1){
    color: #FCFCFC;
    background-color: #384144;
}
.footer-webseite{
    width: 1460px;
    height: 57.2px;
    margin-top: 21px;
}
.footer-webseite-ul{
    width: 1460px;
    height: 57.2px;
    
}
.footer-webseite-ul li{
    margin: 0 14px 11px 0;
   float: left;
}
.footer-webseite-ul li a{
    color: #83888a;
    font-size: 12px;
}
.footer-bottom{
    border-top: 1px solid #313131;
    width: 1460px;
    height: 147px;
    padding: 30px 0;
   
    margin: 0 auto;
}
.footer-bottom .foobo-leftbox{
    width: 907px;
    height: 147px;
   
}
.foobo-leftbox-ul1{
    width: 907px;
    height: 19.2px;
    
}
.foobo-leftbox-ul1 li{
    float: left;
    margin-right: 17px;
}
.foobo-leftbox-ul1 li a{
    font-size: 13px;
    color: #ffffff;
}
.foobo-leftbox p{
    width: 907;
    height: 17.6px;
    margin-top: 23px;
    
    color: #83888a;
    font-size: 12px;
}
.foobo-leftbox .bottomtext{
    width: 907px;
    height: 24px;
    margin-top: 23px;
   
}
.foobo-leftbox .textt2 span,
.foobo-leftbox .textt2 span a{
    font-size: 12px;
    color: #83888a;
}
.foobo-leftbox .textt2 span:nth-of-type(2){
    margin-left: 17px;
}
.foobo-leftbox .textt2 span:nth-of-type(3){
    margin-left: 8px;
}


.bottomtext span{
    font-size: 12px;
    color: #939393;
    margin-left: 5px;
    
}
.bottomtext i{
    position: relative;
    top: 2px;
    display: inline-block;
    font-style: normal;
    width: 20px;
    height: 20px;
    background-image: url(https://img.to8to.com/to8to_pc/common/statics/images/common_bg.png?v=201811291926);
    
    background-size: 650px 700px;
}
.bottomtext i:nth-of-type(1){
    background-position: -386px -500px;
}
.bottomtext i:nth-of-type(2){
    margin-left: 17px;
    background-position: -386px -500px;
}
.bottomtext i:nth-of-type(3){
    margin-left: 17px;
    background-position: -425px -500px;
}
.bottomtext i:nth-of-type(4){
    margin-left: 17px;
    background-position: -462px -500px;
}
footer .footer-bottom{
    position: relative;
}


.foobo-rightbox{
    position: absolute;
    right: 50px;
    top: 20%;
    width: 230px;
    height: 130px;

}
.foobo-rightbox div{
    display: inline-block;
}
.foobo-rightbox div:nth-of-type(2){
    margin-left: 30px;
}
.foobo-rightbox div p{
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
}
.foobo-rightbox img{
    width: 100px;
    height: 100px;
    
}

.fixed{
    width: 58px;
    height: 174px;
    background-color: red;
    position: fixed;
    bottom: 150px;
    right: 0;
    
}
.fixed .top,
.fixed .center,
.fixed .bottom{
    width: 58px;
    height: 58px;
    border: 1px solid #eee;
    background-color: #fff;
    position: relative;
}

.fixed .top .jlt{
    width: 22px;
    height: 22px;
    margin: 18px auto;
    background-image: url(http://img.to8to.com/to8to_pc/common/statics/images/common_bg_s.png?v=20190717);
    background-repeat: no-repeat;
    background-size: 458px 370px;
    background-position: -425px -120px;
}
.fixed .center .jlt{
    width: 20px;
    height: 24px;
    
    margin: 17px auto;
    background-image: url(http://img.to8to.com/to8to_pc/common/statics/images/common_bg_s.png?v=20190717);
    background-repeat: no-repeat;
    background-size: 458px 370px;
    background-position: -384px -158px;
    
}
.fixed .bottom .jlt{
    width: 22px;
    height: 12px;
    background-size: 458px 370px;
    margin: 23px auto;
    background-image: url(http://img.to8to.com/to8to_pc/common/statics/images/common_bg_s.png?v=20190717);
    background-repeat: no-repeat;
    background-position: -423px -164px;
}
.fixed .center .te{
    position: absolute;
    top: 0;
    right: 58px;
    text-align: center;
    line-height: 60px;
    width: 0px;
    height: 60px;
    font-size: 12px;
    color: #0cb46a;
    background-color: #fff;
    box-shadow: -3px 0 10px #ccc;
    overflow: hidden;
}
.fixed .center:hover .te{
    width: 86px;
    transition: all 0.3s;
}
.fixed .bottom .te{
    position: absolute;
    top: -1px;
    right: 58px;
    text-align: center;
    line-height: 60px;
    width: 0px;
    height: 60px;
    font-size: 12px;
    color: #0cb46a;
    background-color: #fff;
    box-shadow: -3px 0 10px #ccc;
    overflow: hidden;
}
.fixed .bottom:hover .te{
    width: 86px;
    transition: all 0.3s;
}
.fixed .top .jlt-erweima{
    position: absolute;
    top: -87px;
    /* -165px */
    right: 85px;
    width: 0px;
    height: 344px;
   
    box-shadow: 1px 1px 1px #eee, -1px -1px 1px #eee;
    background-color: #fff;
    transition: all 0.3s;
    overflow: hidden;
    box-sizing: border-box;
}
.jlt-erweima-top{
    width: 123px;
    height: 147px;
    
    margin-top: 25px;
    margin-left: 9px;
}
.jlt-erweima-bottom{
    width: 123px;
    height: 147px;
    
    margin-top: 25px;
    margin-left: 9px;
}
.jlt-erweima-top .img{
    background-image: url(http://img.to8to.com/to8to_pc/common/statics/images/common_bg_s.png?v=20190605);
    background-size: 458px 370px;
    background-position: -233px -3px;
    width: 101px;
    height: 101px;
    margin-left: 11px;
    margin-right: 11px;
}
.jlt-erweima-top p{
    text-align: center;
    font-size: 10px;
    color: #0cb46a;
    padding-top: 10px;
}
.jlt-erweima-bottom .img{
    background-image: url(http://img.to8to.com/to8to_pc/common/statics/images/common_bg_s.png?v=20190605);
    background-size: 458px 370px;
    background-position: -353px -3px;
    width: 101px;
    height: 101px;
    margin-left: 11px;
    margin-right: 11px;
}
.jlt-erweima-bottom p{
    text-align: center;
    font-size: 10px;
    color: #ff9d7d;
    padding-top: 10px;
}
.fixed a:nth-of-type(1){
    position: relative;
}
.fixed .sanjiao{
    
    position: absolute;
    /* background-color: red; */
    left: -26px;
    top: 20px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-left-color: white ;
    display: none;
    
} 
.fixed .top:hover .jlt-erweima{
    width: 141px;
    
}
.fixed a:nth-of-type(1):hover .sanjiao{
    display: block;
}

